Tengo un problema cuando quiero exportar ambos objetos de mi archivo firebase.js . Obtuve este error:
TypeError: Cannot read properties of undefined (reading 'ref')base de fuego.js
import firebase from "firebase"; import "firebase/storage"; import "firebase/firestore"; const firebaseConfig = { apiKey: .... }; if (!firebase.apps.length) { firebase.initializeApp(firebaseConfig); } else { firebase.app(); } var storage = firebase.storage(); var firestore = firebase.firestore(); export default { storage, firestore };cargar.js
import React, { useState } from "react"; import { storage } from "../lib/firebase"; function account() { const [image, setImage] = useState(""); const upload = () => { if (image == null) return; storage .ref(`/images/${image.name}`) .... }; return ( <div> <Upload /> </div> ); } export default account; Si exporto solo el storage y lo importo en mi archivo upload.js , funciona. ¿Cuál es el diferente?
si intenta importar por módulo. Debería ser algo como esto.
base de fuego.js
import firebase from "firebase"; import "firebase/storage"; import "firebase/firestore"; const firebaseConfig = { apiKey: .... }; if (!firebase.apps.length) { firebase.initializeApp(firebaseConfig); } else { firebase.app(); } var storage = firebase.storage(); var firestore = firebase.firestore(); export { storage, firestore };cargar.js
import React, { useState } from "react"; import { storage, firestore } from "../lib/firebase"; function account() { const [image, setImage] = useState(""); const upload = () => { if (image == null) return; storage .ref(`/images/${image.name}`) .... }; return ( <div> <Upload /> </div> ); } export default account;¡Ojalá pueda ayudarte!